<%--
  Created by IntelliJ IDEA.
  User: sunhao
  Date: 2015/10/9 0009
  Time: 下午 2:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>

<html>
<head>
    <title>商品入库管理</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <%--<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">--%>
    <link href="/static/bui/css/bs3/dpl.css" rel="stylesheet" type="text/css"/>
    <link href="/static/bui/css/bs3/bui.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="doc-content">
    <div class="panel">
        <div class="panel-header">
            <h3>商品入库</h3>
        </div>
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="span21 offset3 control-row-auto">
                <div id="grid"></div>
                <input type="hidden" name="goods">
            </div>
        </div>
    </div>
    <div id="content" class="hide">
        <form id="J_Form" class="form-horizontal bui-form-horizontal bui-form bui-form-field-container">
            <div class="row" style="display: none">
                <div class="control-group span8">
                    <label class="control-label"><s>*</s>id：</label>

                    <div class="controls">
                        <input name="_id" type="text" id="_id" class="input-normal control-text bui-form-field"
                               aria-disabled="false" aria-pressed="false">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span8">
                    <label class="control-label"><s>*</s>商品名：</label>

                    <div class="controls">
                        <select name="nameId">
                            <option value="">请选择</option>
                            <c:forEach items="${goodsClasses}" var="r">
                                <option value="${r._id}">${r.name}</option>
                            </c:forEach>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span8">
                    <label class="control-label"><s>*</s>进货价：</label>

                    <div class="controls">
                        <input name="cost" id="cost" type="text" class="input-normal control-text">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span8">
                    <label class="control-label" data-rules="{required:true}"><s>*</s>入库日期：</label>
                    <%--storage_date--%>
                    <div class="controls">
                        <input type="text" class="calendar" name="storage_date" style="width: auto"/>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span8">
                    <label class="control-label">添加数量：</label>

                    <div class="controls">
                        <input name="n" id="n" type="text" class="input-normal control-text">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span8">
                    <label class="control-label">备注信息：</label>

                    <div class="controls">
                        <input name="info" id="info" type="text" class="input-normal control-text">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script type="text/javascript" src="/static/bui/js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="/static/bui/js/bui.js"></script>
    <script type="text/javascript" src="/static/bui/js/config.js"></script>
    <script type="text/javascript">

        BUI.use('bui/calendar', function (Calendar) {
            var datepicker = new Calendar.DatePicker({
                trigger: '.calendar',
                autoRender: true
            })
        })

        BUI.use(['bui/grid', 'bui/data', 'bui/form'], function (Grid, Data, Form) {
            var columns = [
                        {title: '商品编号', dataIndex: 'num', width: '35%'},
                        {title: '商品名称', dataIndex: 'name', width: '25%'},
                        {title: '进货价', dataIndex: 'cost', width: '15%'},
                        {title: '入库日期', dataIndex: 'storageDate', width: '25%'}
                    ],
            //默认的数据
                    data = [
                        <c:forEach items="${goods}" var="r">
                        {
                            _id: '${r._id}',
                            name: '${r.name}',
                            cost: '${r.cost}',
                            num: '${r.num}',
                            storageDate: '${r.storageDate}'
                        },
                        </c:forEach>
                    ],
                    store = new Data.Store({
                        data: data,
                        pageSize: 20
                    }),
                    editing = new Grid.Plugins.DialogEditing({
                        contentId: 'content',
                        triggerCls: 'btn-edit',
                        editor: {
                            focusable: false,
                            success: function () {
                                var editType = editing.get('editType'),
                                        edtor = this,
                                        form = edtor.get("form");
                                form.valid();
                                if (form.isValid()) {
                                    this.close();
                                    if (editType == 'add') {
                                        $.ajax({
                                            type: 'post',
                                            url: '/goods/storageGoods',
                                            data: $("#J_Form").serialize(),
                                            success: function (msg) {
                                                if (msg == 'success') {
                                                    msg = "添加成功！";
                                                    BUI.Message.Alert(msg, function () {
                                                        window.location.href = '/goods/storage.do';
                                                    }, 'success')
                                                } else {
                                                    msg = "添加失败";
                                                    BUI.Message.Alert(msg, function () {
                                                        window.location.href = '/jsp/error/noAuthority.jsp';
                                                    }, 'error')
                                                }

                                            }
                                        })
                                    }
                                }
                            }
                        }
                    }),
                    grid = new Grid.Grid({
                        render: '#grid',
                        columns: columns,
                        width: '100%',
//                    forceFit: true,
                        plugins: [Grid.Plugins.AutoFit],
                        store: store,
                        bbar: {
                            pagingBar: true,
                            elCls: 'image-pbar'
                        },
                        plugins: [Grid.Plugins.CheckSelection, editing],
                        tbar: {
                            items: [{
                                btnCls: 'button button-small',
                                text: '<i class="icon-plus"></i>添加入库商品',
                                listeners: {
                                    'click': addFunction
                                }
                            },
                                {
                                    btnCls: 'button button-small',
                                    text: '<i class="icon-remove"></i>删除入库商品',
                                    listeners: {
                                        'click': delFunction
                                    }
                                }
//                                        ,
//                                        {
//                                            btnCls: 'button button-small',
//                                            text: '<i class="icon-plus"></i>导出表格',
//                                            listeners: {
//                                                'click': exportFunction
//                                            }
//                                        }
                            ]
                        }
                    });
            grid.render();

//                    function exportFunction() {
//                        window.location.href = "/lesson/export.do";
//                    }

            function addFunction() {
                var newData = {};
                editing.add(newData); //添加记录后，直接编辑
            }

            function delFunction() {
                var selections = grid.getSelection();
                delItems(selections);
            }

            function delItems(items) {
                var _ids = [];
                BUI.each(items, function (item) {
                    _ids.push(item._id)
                });
                if (_ids.length) {
                    BUI.Message.Confirm('确认要删除吗？', function () {
                        $.ajax({
                            type: 'POST',
                            url: '/goods/delStorageGoods?_ids=' + _ids,
                            success: function (msg) {
                                if (msg == 'success') {
                                    msg = "删除成功！";
                                    BUI.Message.Alert(msg, function () {
                                        window.location.href = '/goods/storage.do';
                                    }, 'success')
                                } else {
                                    msg = '删除失败'
                                    BUI.Message.Alert(msg, function () {
                                        window.location.href = '/jsp/error/noAuthority.jsp';
                                    }, 'error')
                                }
                            }
                        })
                    })
                }
            };
            var form = new Form.HForm({
                srcNode: '#J_Form'
            });
        });
    </script>
</div>
</div>
</div>
</body>
</html>